{include file='layout/header'}

<!-- SLIDER -->

<div id="slider" class="inner flash">
    <div id="piecemaker"></div>
</div>

<script type="text/javascript">
    var flashvars = {};
    flashvars.cssSource = "__STATIC__/index/css/piecemaker/piecemaker.css";
    flashvars.xmlSource = "__STATIC__/index/css/piecemaker/piecemaker.xml";

    var flash_params = {};
    flash_params.play = "true";
    flash_params.menu = "false";
    flash_params.scale = "showall";
    flash_params.wmode = "transparent";
    flash_params.allowfullscreen = "true";
    flash_params.allowscriptaccess = "always";
    flash_params.allownetworking = "all";

    swfobject.embedSWF("__STATIC__/index/css/piecemaker/piecemaker.swf", 'piecemaker', '1000', '400', '0', null, flashvars, flash_params, null);

</script>
<!-- /SLIDER -->

<div class="inner home-portfolio home-services home-section group">
    <h2>Mèmento <span>projects</span></h2>
    <div class="hentry-post group first">
        <div class="thumb-img"><a href="project.html" title="Maya Shop" class="title"><img width="208" height="168" src="__STATIC__/index/images/portfolio/work-208x168.jpg" class="attachment-thumb_filterable wp-post-image" alt="work" title="work" /></a></div>
        <h3><a href="project.html" title="Maya Shop" class="title">Maya Shop</a></h3>
        <p>Nullam volutpat, mauris scelerisque iaculis semper, justo odio rutrum urna, at cursus urna nisl et ipsum. Donec dapibus lacus nec sapien faucibus eget suscipit lorem mattis.</p>
        <p><a href="project.html" class="btn btn-retro-package-3 btn-more-link"><i class="icon-list" style="font-size: 14px;"></i>   Read more</a></p>
    </div>
    <div class="hentry-post group">
        <div class="thumb-img"><a href="project.html" title="Sheeva WP Theme" class="title"><img width="208" height="168" src="__STATIC__/index/images/portfolio/work2-208x168.jpg" class="attachment-thumb_filterable wp-post-image" alt="work2" title="work2" /></a></div>
        <h3><a href="project.html" title="Sheeva WP Theme" class="title">Sheeva WP Theme</a></h3>
        <p>Nullam volutpat, mauris scelerisque iaculis semper, justo odio rutrum urna, at cursus urna nisl et ipsum. Donec dapibus lacus nec sapien faucibus eget suscipit lorem mattis.</p>
        <p><a href="project.html" class="btn btn-retro-package-3 btn-more-link"><i class="icon-list" style="font-size: 14px;"></i>   Read more</a></p>
    </div>
    <div class="hentry-post group">
        <div class="thumb-img"><a href="project.html" title="Xmas Icons" class="title"><img width="208" height="168" src="__STATIC__/index/images/portfolio/x5-700x295-208x168.jpg" class="attachment-thumb_filterable wp-post-image" alt="x5-700x295" title="x5-700x295" /></a></div>
        <h3><a href="project.html" title="Xmas Icons" class="title">Xmas Icons</a></h3>
        <p>Nullam volutpat, mauris scelerisque iaculis semper, justo odio rutrum urna, at cursus urna nisl et ipsum. Donec dapibus lacus nec sapien faucibus eget suscipit lorem mattis.</p>
        <p><a href="project.html" class="btn btn-retro-package-3 btn-more-link"><i class="icon-list" style="font-size: 14px;"></i>   Read more</a></p>
    </div>
    <div class="hentry-post group last">
        <div class="thumb-img"><a href="project.html" title="Creative Brand" class="title"><img width="208" height="168" src="__STATIC__/index/images/portfolio/0014-208x168.jpg" class="attachment-thumb_filterable wp-post-image" alt="0014" title="0014" /></a></div>
        <h3><a href="project.html" title="Creative Brand" class="title">Creative Brand</a></h3>
        <p>Nullam volutpat, mauris scelerisque iaculis semper, justo odio rutrum urna, at cursus urna nisl et ipsum. Donec dapibus lacus nec sapien faucibus eget suscipit lorem mattis.</p>
        <p><a href="project.html" class="btn btn-retro-package-3 btn-more-link"><i class="icon-list" style="font-size: 14px;"></i>   Read more</a></p>
    </div>
    </ul>
</div>
</div>
<div class="inner home-testimonials home-section group">
    <div class="title">
        <h2><img src="__STATIC__/index/images/icons/comment.png" alt="icon-adjust" /> People <span>love Memènto</span></h2>
        <p>feedback from our customers</p>
    </div>
    <ul class="list-testimonials" style="float: left;">
        <li>
            <p>I already given a 5-star rating, but I also wanted to provide my two cents in case anyone is unsure about purchasing this theme. Not only is the theme itself very versatile and easy to manipulate, but the support we get in the forum is amazing - <strong>Joy Mergot</strong> -</p>
        </li>
        <li>
            <p>I am absolutely thrilled with this theme! I have never built a website before but your instructions and design make it both fun and easy to do - <strong>Elisa Meis</strong> -</p>
        </li>
        <li>
            <p>Bookmark this theme as one of your “Must Haves for 2012” This theme is without a doubt one of our Top 5 Purchases. - <strong>Ricardo Mori</strong> -</p>
        </li>
        <li>
            <p>I purchased this theme and I really like it. The theme authors have been very helpful in the support area of their website. - <strong>Erica Evans</strong> -</p>
        </li>
    </ul>
    <script type="text/javascript">
        jQuery(function($){
            $('.home-testimonials ul').width( 920 - $('.home-testimonials .title').outerWidth() - 20 );
            $('.home-testimonials ul').cycle({
                fx: 'scrollHorz',
                speed: 600,
                timeout: 8000            });
        });
    </script>
</div>
<div class="clear"></div>
</div>
<!-- END WRAPPER -->

<div id="footer" class="sidebar-right">
    <div class="group inner footer_row_1 footer_cols_3">

        <div class="widget-first widget recent-posts">
            <h3>From our blog</h3>
            <div class="recent-post group">

                <div class="hentry-post group">
                    <p class="post-date"><span class="day">2</span><span class="month">May</span><span class="year">2012</span></p>
                    <h3><a href="article.html" title="Another great article of the blog" class="title">Another great article of the blog</a></h3>
                    <p class="meta">
                        <span class="comments"><a href="article.html#comments" title="Comment on Another great article of the blog">2 comments</a></span><br />
                        <a href="article.html" class="read-more"></a>
                    </p>
                </div>

                <div class="hentry-post group">
                    <p class="post-date"><span class="day">30</span><span class="month">April</span><span class="year">2012</span></p>
                    <h3><a href="article.html" title="Fall in Love with M&egrave;mento theme!" class="title">Fall in Love with Mèmento theme!</a></h3>
                    <p class="meta">
                        <span class="comments"><a href="article.html#respond" title="Comment on Fall in Love with M&egrave;mento theme!">No comments</a></span><br />
                        <a href="article.html" class="read-more"></a>
                    </p>
                </div>

            </div>
        </div>

        <div class="widget widget_nav_menu">
            <h3>Custom menu</h3>
            <div class="menu-footer-menu-container">
                <ul id="menu-footer-menu" class="menu">
                    <li class="columns2"><a href="#">Blog</a></li>
                    <li class="columns2"><a href="features.html">Features</a></li>
                    <li class="columns2"><a href="#">Pages</a></li>
                    <li class="columns2"><a href="contact.html">Contact</a></li>
                    <li class="columns2"><a href="testimonials.html">Testimonials</a></li>
                    <li class="columns2"><a href="portfolio.html">Portfolio</a></li>
                    <li class="columns2"><a href="#">Sliders</a></li>
                    <li class="columns2"><a href="#">Web design blog</a></li>
                    <li class="columns2"><a href="#">Support forum</a></li>
                    <li class="columns2"><a href="#">Di&#8217;verso theme</a></li>
                    <li class="columns2"><a href="#">Sommerce theme</a></li>
                    <li class="columns2"><a href="#">Impero theme</a></li>
                    <li class="columns2"><a href="#">Kassyopea theme</a></li>
                    <li class="columns2"><a href="#">Maya theme</a></li>
                </ul>
            </div>
        </div>

        <div class="quick-contact-widget widget two-third last">
            <div class="widget-last widget quick-contact">
                <h3>Quick Contact</h3>
                <form id="contact-form-example" class="contact-form" method="post" action="sendmail.php" enctype="multipart/form-data">
                    <div class="usermessagea"></div>
                    <fieldset>
                        <ul>
                            <li class="text-field">
                                <label for="name-example">
                                    <span class="label">Name</span>
                                </label>
                                <div class="input-prepend"><span class="add-on"><i class="icon-user"></i></span><input type="text" name="name" id="name-example" class="required" value="" /></div>
                                <div class="msg-error"></div>
                            </li>
                            <li class="text-field">
                                <label for="email-example">
                                    <span class="label">Email</span>
                                </label>
                                <div class="input-prepend"><span class="add-on"><i class="icon-envelope"></i></span><input type="text" name="email" id="email-example" class="required email-validate" value="" /></div>
                                <div class="msg-error"></div>
                            </li>
                            <li class="textarea-field">
                                <label for="message-example">
                                    <span class="label">Message</span>
                                </label>
                                <div class="input-prepend"><span class="add-on"><i class="icon-pencil"></i></span><textarea name="message" id="message-example" rows="8" cols="30" class="required"></textarea></div>
                                <div class="msg-error"></div>
                            </li>
                            <li class="submit-button">
                                <input type="text" name="yiw_bot" id="yiw_bot" />
                                <input type="hidden" name="action" value="sendemail" id="action" />
                                <input type="hidden" name="yiw_referer" value="#" />
                                <input type="hidden" name="id_form" value="footer" />
                                <input type="submit" name="yiw_sendemail" value="send message" class="sendmail alignright" />
                            </li>
                        </ul>
                    </fieldset>
                </form>
                <script type="text/javascript">
                    var messages_form_footer = {
                        name: "Insert your name",
                        email: "Insert your email",
                        message: "Insert your message"
                    };
                </script>
            </div>
        </div>

    </div>
</div>

{include file='layout/footer'}